<template id="QR_code">
    <div class="try_m_Q">
        <div class="QR_code_top">
            <img src="../image/blue_da.png" alt="" @click="get_qu()">
            <h4>兑换优惠码</h4>
        </div>
        <div class="QR_code_1">
            <img src="../image/QR.jpg" alt="">
            <span>请输兑换码</span>
        </div>
          <p class="QR_code_2">兑换</p>
    </div>
</template>
<script>
    export default{
        name: 'QR_code',
        data() {
            return {

            }
        },
        mounted:function () {
            let H=$(window).height();
            $('.try_m_Q').height(H);

        },
        methods:{
            get_qu:function(){
                window.history.go(-1);
            },
        },

    };

</script>
<style>
    .QR_code_2{
        width:6.06rem;
        height:0.88rem;
        line-height:0.88rem;
        text-align:center;
        color:#ffffff;
        background:#29adfc;
        font-size:0.3rem;
        margin-left:0.18rem;
        border-radius:0.05rem;
    }
    /*2*/
    .QR_code_1{
        width:100%;
        height:1rem;
        background:#ffffff;
        position:relative;
        margin-bottom:0.8rem;
    }
    .QR_code_1 span{
        display:block;
        height:1rem;
        text-indent: 0.78rem;
        color:#ababab;
        font-size:0.24rem;
        line-height:1rem;

    }
    .QR_code_1 img{
        display:block;
        height:0.45rem;
        width:0.48rem;
        position:absolute;
        top: 0.28rem;
        left:0.18rem;
    }
    /*1*/
    .try_m_Q{
        background:#f5f4f2;
    }
    /*试吃商品列表*/
    .QR_code_top{
        height:0.75rem;
        width:100%;
        /* border-bottom:1px solid #f0f0f0;*/
        position:relative;
        background:#ffffff;
        margin-bottom:0.1rem;
    }
    .QR_code_top img{
        height:0.36rem;
        width:0.36rem;
        display:block;
        position:absolute;
        left:0.25rem;
        top:0.2rem;
    }
    .QR_code_top h4{
        height:0.75rem;
        color:#2eaffc;
        font-size:0.3rem;
        line-height:0.74rem;
        text-align:center;
        font-weight:normal;
    }
</style>
